<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
       .test1{
           background-color: #f0b849;
           display: inline-block;
       }
       .test1 div{
           position: absolute;
           width: 150px;
           height: 150px;
           background-color: #0c85d0;
       }
       .test2{
           width: 100px;
           height: 80px;
           background-color: #003f54;
           float: left;

       }
       .test3{
           width: 100px;
           height: 80px;
           background-color: #0c85d0;
           float: left;
       }
        .container li{
            width: 600px;
            border:5px seagreen solid;
            overflow: hidden;
        }
        .container li img{
            width: 300px;
            float: left;
        }
    </style>
</head>
<body>
<h1 style="text-align: center">Test</h1>
<ul class="container">
<!--    <div class="test1">-->
<!--      1-->
<!--    </div>-->
<!--    <div class="test2">-->
<!--        2-->
<!--    </div>-->
<!--    <div class="test3">-->
<!--        3-->
<!--    </div>-->
    <li>
    <img src="img/stainless-steel-fork-near-clear-glass-on-tray-1510690.jpg">
        <img src="img/photo-of-vegetable-salad-in-bowls-1640770.jpg">
    </li>
</ul>
<div class="test1">
    <div>5555</div>
</div>
<script>
    var m = 0;
    var n = 1;
    var arr= [1,3,2,10,8,7]
     function test(arr){
        if(arr.length <= 1){
            return arr;
        }
             var center = arr[0];
             var min = [];
             var max = [];
             for (var i = 1;i<arr.length;i++) {
                 if (arr[i] > center) {
                     max.push(arr[i]);
                 } else {
                     min.push(arr[i]);
                 }
             }
                var xiao =   test(min);
                var  da = test(max);
                 xiao.push(center);
                 for (var c = 0; c<da.length;c++){
                       xiao.push(da[c])
                 }
                 return  xiao;
     }
  console.log( test(arr) );
</script>
</body>
</html>